/* ------------------------------------------------------------
 * PUBLIC SITE SCHOOL
 * ------------------------------------------------------------
 */
.hp-review-sect{
	width:100%;
	min-height:800px;
	background:url(#{$firstlevel-path}images/index/hp-review-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:hidden;
}
.hp-review-cont{
	height:inherit;
	@include fn-clearfix;
	&:before{
		display:table;
		content:'';
	}
}
.hp-review-hd{
	margin-top:70px;
	width:100%;
	height:60px;
}
.review-col-title{
	margin:0;
	width:132px;
	height:58px;
	font-size:0;
	text-indent:-999px;
}
.review-tabs{
	margin-top:6px;
	float:right;
	width:1000px;
	text-align:right;
	font-size:0;
}
.review-tab{
	display:inline-block;
	position: relative;
	margin-right:-3px;
	width:80px;
	height:34px;
	&+.review-tab{
		&:before{
			position: absolute;
			left:0;
			top:10px;
			display:block;
			content:'';
			width:1px;
			height:14px;
			background:#c2c7cc;
		}
	}
	&:hover{
		.r-tab-txt{
			color:#667fc3;
		}
	}
	&.active{
		z-index: 1;
		&:before{
			display:none;
		}
		.r-tab-txt{
			border-color:#d15f5f;
			background:#eb6262;
			color: #fff;
		}
	}
}
.r-tab-txt{
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	color:#666;
	line-height:32px;
	text-align:center;
	font-weight:400;
	cursor:pointer;
	border:1px solid transparent;
	background: transparent;
	@include fn-border-radius(17px);
	@include fn-transition(all .2s ease);
}

.hp-review-bd{
	width:100%;
	@include fn-clearfix;
}
.review-info-panel{
	width:880px;
	@include fn-clearfix;
	.noHas{
		line-height:30px;
		color:#333;
		font-size:26px;
		padding:20px 0;
		text-align:center;
		background:#fff;
		@include fn-box-shadow(0 2px 5px #ccc);
	}
}
.review-infos{
	position: relative;
	margin:20px 0;
	width: 100%;
	@include fn-clearfix;
	font-size:0;
}
.review-info{
	position: absolute;
	padding:20px;
	display:inline-block;
	width:280px;
	background:white;
	@include fn-box-shadow(0 0 10px rgba(77,92,124,.6));
	// @include fn-box-shadow(0 2px 18px rgba(77,92,124,0.4));
	@include fn-transition(all .2s)
	@include fn-border-radius(3px);
	&.review-info0{
		position: absolute;
		top:0;
		left:0;
		height:400px;
		.review-desc{
			height:208px;
			@include fn-text-ellipsis8;
		}
	}
	&.review-info1{
		position: absolute;
		top:0;
		left:300px;
		height:380px;
		.review-desc{
			height:156px;
			@include fn-text-ellipsis6;
		}
		.review-source{
			margin-top: 50px;
		}
	}
	&.review-info2{
		position: absolute;
		top:0;
		left:600px;
		height:460px;
		.review-desc{
			height:208px;
			@include fn-text-ellipsis8;
		}
		.review-source{
			margin-top: 73px;
		}
	}
	&.review-info3{
		position: absolute;
		top:440px;
		left:0;
		height:410px;
		.review-desc{
			height:208px;
			@include fn-text-ellipsis8;
		}
		.review-source{
			margin-top: 20px;
		}
	}
	&.review-info4{
		position: absolute;
		top:420px;
		left:300px;
		height:320px;
		.review-desc{
			height:104px;
			@include fn-text-ellipsis4;
		}
		.review-source{
			margin-top: 38px;
		}
	}
	&.review-info5{
		position: absolute;
		top:500px;
		left:600px;
		height:410px;
		.review-desc{
			height:208px;
			@include fn-text-ellipsis8;
		}
		.review-source{
			margin-top: 20px;
		}
	}
	// &:hover{
	// 	@include fn-box-shadow(0 0 10px rgba(77,92,124,.6));
	// }
}
.info-tips{
	position: absolute;
	top:-10px;
	left:10px;
	display:block;
	width:40px;
	height:30px;
	background:url(#{$firstlevel-path}images/index/hp-review-icon.png);
}

.review-title{
	margin-top:20px;
	position: relative;
	width:100%;
	height:56px;
	.review-link{
		display:block;
		width:100%;
		height:56px;
		font-size:16px;
		color:#333;
		line-height:28px;
		@include fn-text-ellipsis2;
		@include fn-transition(all .4s ease);
		&:hover{
			color:#667fc3;
		}
	}
}
.review-ico{
	position: absolute;
	right:20px;
	top:15px;
	font-size:0;
	display:block;
	width:50px;
	height:16px;
	background:url(#{$firstlevel-path}images/index/hp-review-icon1.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.review-desc{
	margin-top:20px;
	width:100%;
	font-size:14px;
	color:#999;
	line-height:26px;
	max-height: 260px; // 最大高度
	position:relative;
	overflow:hidden;
	&.shade:after{
		content: ' ';
		position:absolute;
		left:0;
		bottom:0;
		width: 100%;
		height: 50px;
		background: url(#{$firstlevel-path}images/common/hotShade.png) repeat-x center center;
		display: block;
	}
	p{
		margin:0;
	}
}
.review-source{
	margin-top:13px;
	width:100%;
	@include fn-clearfix;
	h5{
		float:left;
		width:100%;
		font-size:14px;
		color:#666;
	}
	em{
		font-style: normal;
		color:#d06b6b;
	}
	a{
		display:inline;
		width:140px;
		color:#5c72ae;
		@include fn-text-ellipsis;
	}
}


.hot-school-panel{
	width:260px;
	@include fn-clearfix;
}
.hot-school-title{
	margin-top:34px;
	width:87px;
	height:39px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size:0;
	text-indent:-999px;
}
.school-infos{
	margin-top:20px;
	width:100%;
	@include fn-clearfix;
}
.school-info{
	margin:10px 0;
	float:left;
	width:100%;
	height:20px;
}
.h-school-link{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	&:hover{
		.s-rank-txt{
			color:#667fc3;
			&:before{
				width: 100%;
			}
		}
	}
}
.s-rank-ico{
	float:left;
	display:block;
	width:20px;
	height: 20px;
	@include fn-border-radius(2px);
	background:#f08888;
	font-size:20px;
	color: #fff;
	font-family:"Arial";
	font-style: oblique;
	line-height:20px;
	text-align:center;
}
.s-rank-txt{
	margin:0 10px;
	display:block;
	float:left;
	width:170px;
	font-size:16px;
	line-height:20px;
	color:#666;
	position: relative;
	@include fn-text-ellipsis;
	@include fn-transition(all .4s ease);
	&:before{
		display:block;
		position:absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 1px;
		background:#f08888;
		content: ' ';
		@include fn-transition(all .2s ease);
	}
}
.s-rank-data{
	float:right;
	font-size:14px;
	color:#666;
	font-style: normal;
	em{
		font-weight:700;
		color:#e76937;
		font-style: normal;
	}
}
.more-btn{
	margin-top:44px;
	display:block;
	width:100%;
	height:50px;
	background:#fff;
	border:1px solid #f9baba;
	@include fn-border-radius(25px);
	font-size:16px;
	color: #e74c4c;
	line-height:48px;
	text-align: center;
	@include fn-transition(all .4s ease);
	i{
		margin-left:20px;
		font-size:20px;
		line-height:48px;
	}
	&:hover{
		border-color:#e74c4c;
		background:#e74c4c;
		color:#fff;
	}
}

